<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <script>
        // var LoginAlert = function () {

        // };
        // var LoginConfirm = function () {

        // };
        // var LoginPrompt = function () {

        // };
        // var PopFactory = function (name) {
        //     switch (name) {
        //         case 'alert':
        //             return new LoginAlert();
        //             break;
        //         case 'confirm':
        //             return new LoginConfirm();
        //             break;
        //         case 'promt':
        //             return new LoginPrompt();
        //     }
        // }
        var PopFactory = function (type) {
            switch (type) {
                case 'alert':
                    return createPop(type, '登录');
                    break;
                case 'confirm':
                    return createPop(type, '确认');
                    break;
                case 'promt':
                    return createPop(type, '输入框');;
            }
        }

        function createPop(type, text) {
            var o = new Object();
            o.content = text;
            o.show = function () {
                //显示方法
            };
            if (type == 'alert') {
                //警示框差异部分
            }
            if (type == 'prompt') {
                //警示框差异部分
            }
            if (type == 'confirm') {
                //警示框差异部分
            }
            //将对象返回
            return o;
        }
    </script>
</body>

</html>